import React, { memo } from 'react'
import { FooterWrapper } from './style'
import { footerData } from '@/config'

const AppFooter = memo(() => {
  return (
    <FooterWrapper>
      <div className="content">
        {
          footerData.map(item => {
            return (
              <div className="item" key={item.name}>
                <div className="name">{item.name}</div>
                <div className="list">
                  {
                    item.list.map(option => {
                      return (
                        <div className="option" key={option}>{option}</div>
                      )
                    })
                  }
                </div>
              </div>
            )

          })
        }
      </div>
      <div className="copyright">© 2022 Airbnb, Inc. All rights reserved.条款 · 隐私政策 · 网站地图 · 全国旅游投诉渠道 12301</div>
    </FooterWrapper>
  )
})

export default AppFooter